Vamos a facilitar las cosas a los visitantes de nuestro blog, y vamos a facilitarlas a la hora de enlazarnos.
Para ello creamos un botón cuya imagen será el link a nuestro espacio, lo podemos crear con un editor o con un generador.
Una vez tenemos la imagen la alojamos en un hosting que es lo mismo que un servidor, de esa forma conseguimos la url de la imagen que vamos a necesitar.
Una vez tenemos la url vamos a por el código de la cajita donde al pasar el ratón podrán copiar y pegar en su blog los visitantes de manera que en su blog saldrá la imagen del botón con su respectivo enlace.
El código es el siguiente:

<a href="url-de-tu-página" target="_blank"><img src="url-de-la-imagen"/></a><p>
<h2 class="sidebar-title">Título </h2>
<textarea><a href="url-de-tu-página " target="_blank">
<img src="url-de-la-imagen"/></a></textarea><p>

No se asusten si lo ven de colores que yo les explico:
Lo que está en color azul es el código de la imagen de nuestro botón.
Lo que aparece en verde es el título o texto que solemos poner, Enlázame, Linkéame, o Añádeme ....
El color rojo es el código de la cajita o textarea, donde va el código que deben copiar los visitantes.
Deben poner todo el código, azul,verde y rojo como si fuera uno, no hace falta que lo pongan en color yo lo hice para facilitar la explicación.
Solamente deben sustituir donde dice:
url-de-tu-página por la url de su página, url-de-la-imagen por la url de su imagen, y Título por el texto que desean poner.
Quedaría algo así:

Código para enlazarme


Si queda alguna duda házmelo saber ;)


Anónimo

Hola gemma solo era dejarte unos besitos y decirte que me gusta leerte :)) y que no me olvidooo de tí. Gracias por tu generosidadddd¡¡

Responder
Gem@

Gracias Brisa, eres un encanto ;)

Responder
Gorka Repáraz

Muchas gracias gem@. Ahora si que me sale, gracias y felicidades de nuevo.

Responder
Gem@

Saludos Gorka, me alegra el resultado ;)

Responder
Anónimo

Buenos días Gem@!! Acabo de encontrarte por casualidad en el blog de una amiga. Enhorabuena por todo tu trabajo, se que me va a venir muy bien :-)
Te quería preguntar (a lo mejor lo tienes puesto, pero no lo he encontrado), cómo se puede poner ese iconito chico en la barra de direcciones, como ese corazoncito que tienes en la tuya. Sirve el mismo código para una página Web?
Gracias de antemano y un beso.
Gebirg

Responder
Anónimo

Ya lo he encontrado!! Gracias de todos modos :-)
Sigo mirando cositas en tu blog, que me está gustando cada vez más.
Besote.
Gebirg

Responder
Gem@

Saludos Gebirg y bienvenido, si necesitas cualquier otra cosa no dudes en preguntar :)

Responder
Unknown

Hola Gemma, por lo visto el codigo para enlazar a mi blog al ponerlo no enseña la imagen, porque crees que debe ser, tu vesalgo mal?? me harias un favor si me lo miras..gracias!!!!

Responder
Gem@

Hola Pausan, tu código funciona perfectamente y está listo para copiar y pegar en cualquier parte saliendo la imagen que has añadido.
Donde dice título es donde debes poner lo que tu quieras y a tu gusto (yo lo puse como referencia)
Puedes ver como funciona copiando tu código que sale en la cajita de tu blog y pegándolo en una entrada yo lo hice así y funciona ;)

Responder
Unknown

Gracias Gem@ eres muy amable, y me ha sido muy útil tu tutorial, pero me ha surgido un problema: a mi no se me ven las flechitas, y por lo tanto, el texto para copiar no me sale en una cajita, como el tuyo, no sé si sera porque el ancho de la barra lateral de mi blog, es demasiado estrecho. Si fueras tan amable de aclararme esta duda te estaría muy agradecida.
Gracias guapa.

Responder
Gem@

Hola Mary ¿Qué flechitas?
Mira te dejo el código para que lo añadas a tu blog solo debes añadir la url de la imagen:
<a href="http://neonena-mary.
blogspot.com/" target="_blank"><
img src="url-de-la-imagen"/
></a><p>
<h2 class="sidebar-title"
>la frase que deseas poner para que te enlacen </h2>
<textarea><a href="http://
neonena-mary.blogspot.com/ " target="_blank">
<img src="url-de-la-imagen"/
></a></textarea>
<p>

Espero que al copiarlo te resulte.
Por cierto me encanta el diseño de las fotos ¿qúe programa usas?

Responder
Unknown

Gracias Gem@ eres muy amable por responderme tan pronto, te he mandado un correo porque aquí tenía problemas para dejarte el comentario, espero poder enviarte este. Un besito

Responder
Gem@

Gracias Mary, he recibido el mail ;)

Responder
Jose, a secas

Hola Gem@:

Aqui está otra vez tu pesadilla (osea, yo, jaja).
He puesto en mis tres blogs los codigos para que me enlace quien quiera. Prometo intercambio de enlaces (siempre y cuando los blogs pasen mi propio filtro de contenidos :P)

Un saludo,

JmpaSrgc (el pesáo)

Responder
Gem@

Hola JmpaSrgc me hizo gracia lo de mi pesadilla :)
Espero tener tiempo y añadir tus blogs y la de otros amigos que están esperando, mientras tanto ahí queda tu aviso.
Yo no dije lo del filtro de contenidos, pero está claro que queda descartada la pornografía o material ofensivo bajo mi punto de vista.

Responder
Jose, a secas

No, si eso del filtro lo digo yo mismo! Jeje

Responder
Unknown

Gema, ya he descubierto porque no me salían las flechitas de la caja, para el link, es lo que me temía, la plantilla que tengo es un poco estrecha, pero es igual, lo he puesto de todos modos. Muchas gracias por tu ayuda. Me encanta tu blog y lo encuentro muy interesante y de mucha utilidad, así que he puesto tu enlace en mi blog.
Muchos saluditos y otra vez gracias.

Responder
Gem@

Hola Mary, le sobran a tu código los tres últimos símbolos siguientes"/>
A ti te sale bien pero cuando se copia y pega en un blog como yo hice se ven esos símbolos a la derecha del botón.
Puedes arreglarlo editando de nuevo y borrando.

Responder
Gem@

Sea que lo has dicho tú JmpaSrgc, pero yo me refería que en alguno sblogs donde hacen intercambio de enlaces añaden lo del filtro (pero con otras palabras que viene a ser lo mismo) :)

Responder
Unknown

Gracias Gema. Un besito

Responder
Whisper

ola queria dar las gracias por q me sirvio mucho este truquillo...

tengo una consulta...


como hago para colocar un texto dentro de esa area cuadrada???

por ejemplo algun codigo html o en otro lenguaje???

porfa me respondes en el blog

xauu

http://evan-theopendoor.blogspot.com

Responder
Gem@

evan-opendoor para añadir un código o texto dentro mejor mira aquí:

http://gemablog-.blogspot.com/2006/10/textarea_12.html

Responder
UltimoVicioso

gema, tengo una duda gigante... tengo el código para hacer link en mi web, pero me gustaría tener ese boton que tú tienes con "Enlázame en un click" que hace aparecer el artilugio... no he podido encontrar como hacerlo...


espero que respondas porque estoy en plena trasformacion de mi blog.... y te lo pregunto a ati porque eres mi referencia....

Responder
Gem@

Duda gigante resuelta ;)
http://gemablog-.blogspot.com/2007/07/elemento-para-que-nos-enlacen-con-un.html

Responder
Anónimo

Gracias por el post, me sirvió bastante....Un beso y saludos :) Estás agregada a mi blog, cuando quieras puedes agregarme al tuyo...
http://emigasei67-elrastreador.blogspot.com/

Responder
Gem@

Ya estás agregada emigasei67

Responder
Anónimo

Hola Gem@ me encanta tu pagina y me ha ayudado mucho, ya que soy nueva. Hay algo que me tiene tarada no consigo poner un enlazame, lo hago todo bien pero se me descuadra siempre la plantilla. ¿Hay que ponerla en algun sitio especia de la plantilla?Gracias.

Responder
Gem@

Hola Sonia no hay un sitio especial, pero el más indicado es en la sidebar , lo puedes agregar añadiendo en este orden:
Plantilla/Añadir un elemento de página/HTML/Javascript.
Si ves que se resiste mándamelo a mi correo y veremos que se puede hacer ;)

Responder
Anónimo

Con respecto a como colocar el código todo perfecto, se ve exactame igual al tuyo. Seguí tus pasos perfectamente pero cuando hago clic en la imagen me salta blogger diciendo que no encuentra la página.
Donde puede estar el error.

Responder
Gem@

Pienso que debe estar en la dirección que añades en "url-de-tu-página" mira si contiene algún error de sintaxis.

Responder
Anónimo

Otra herramienta estúpenda! jejeje

Me ha servido de mucho :) Gracias por tan buenos tutos ;)

Saludos!

Responder
José Romero

Hola Gema!

Llevo un par de días navegando por tu página y no hago más que ver cosas útiles para el blog que he creado recientemente. Esta ha sido la última utilidad que he puesto.

Como no he puesto tu enlace en mi página!

Pasate por ella http://lacosaestafatal.blogspot.com

Un beso fuerte!

Responder
Gem@

Gracias Nanete estaba hace unos minutos recreándome por tu blog.
Gracias por enlazarme :D

Me alegra que te sirviera Eddie ;)

Responder
Taddeo

muy bueno el post pero ayudame en esto gema como hago para que salga asi komo tu paginas los comentarios... como le hago ayudame en eso...desde ya muchas gracias te invito mires mi blog aquí te tengo enlazada...salu2 y espero me respondas en un coment a mi blog...graicas desde ya!!!

Responder
alejandra

hola gema tu blog es de mucha ayuda visita el mio y dime q tal te parese ok
es http://dechicaslindas.blogspot.com

Responder
alejandra

hoy te enlazo ok

Responder
Jesy2474

Hola Gema, solo una observacion, en tus dos mini banners, intente agregar en mi blog tu banner rectangular, pero me sale el cuadrado.
Saludos y gracias por compartir

Responder
Gem@

Taddeo no sé si te refieres al formulario o algo relacionado con la imagen de fondo donde se muestra el autor del comentario.

Saludos Alejandra gracias por enlazarme y la visita ;)

Llevas razón JESY no me había dado cuenta y añadí la misma imagen en los dos cuadraditos para copiar en código.
Ya está resuelto GRACIAS ;)

Responder
Zruc

Gracias por tu ayuda Gem@!!! EStoy modificando el blog gracias a tus guias.

Texto

Responder
Gem@

Me parece estupendo Zruc, ni te imaginas la alegría que da que sean útiles ;)

Responder
Unknown

Hola, perdona lo pesada que soy, se que cuando me pongo a “intentar o arreglar" algo nuevo en mi Blog, la lío, y no se como puedo arreglarlo, así,que abusando de tu paciencia y amabilidad, te cuento lo que me pasa:
He intentado hacer un enlace para mi blog (lo tengo en el Blog de pruebas, que por fin me he hecho) pero según las explicaciones, seguramente las he copiado mal, no me sale, hago “clic” encima y me sale “No se encuentra el blog que busca” volver a Blogger. ¿Cómo lo puedo arreglar, me podrías ayudar, please?
Lo siguiente es que he querido poner el Feed Blitz, me he registrado, pero dado lo inútil que soy con el Ingles, no se como lo puedo poner, ni donde tengo que ir, para hacerlo, y que me salga; soy todo un desastre!!!!
PERDONA, todo este pliego de dudas, creo que me estoy pasando y abusando un poco de tú amabilidad, así que sin prisas, y SI PUEDES me ayudas, vale?
P.D.Será por que no tengo esto, que en tú “Rincón de amigos” no sale en Brakss lo que yo llamo “bocadillo” o “burbujita…

Responder
Gem@

Hola BRAKSS :)
Copia y pega este código en tu blog, sólo debes sustituir lo que está en negrita que es la url de la imagen que añadí para probar, pones en su lugar la url de la imagen de tu botón.
<center><img src="http://img55.imageshack.us/img55/5167/button98096163yv0.jpg"/></center><center>Enlázame</center><center><textarea cols="16" class="codigo" onclick="this.select()" wrap="off"><a href="http://brakss.blogspot.com/"><img src="http://img55.imageshack.us/img55/5167/button98096163yv0.jpg"/></a></textarea></center>

Sobre Feed Blitz hace ya tanto tiempo que ni me acuerdo pero lo voy a mirar :)

Lo de la burbuja ya está solucionado era un error en tu enlace y al estar mal no mostraba la vista previa del blog (Gracias por avisarme)

Responder
Unknown

GRACIAS, por tu rápida contestación, pero la verdad, es que NO me sale el ENLACE :$ No se que estará mal, como no sea de donde he cogido la imagen, que la tengo en el Imeem,(he puesto el embed)
Vamos, un desastre :(
Saludos ;)

Responder
Gem@

Hola BRAKSS y ¿probaste con el código tal y como yo te lo mandé? si lo copias tal y como está y funciona sin duda el problema es la url de la imagen. El mejor sitio para alojar nuestras imágenes es en Blogger, porque de quedarse fuera de servicio no se vería la imagen pero el blog tampoco ;)
Haz la prueba y sube la imagen en una entrada, copias la url y luego esa entrada la guardas en borrador en lugar de darle salida.

Responder
Unknown

Gracias, Gem@, el problema era que una es despistada :$ y no había copiado antes lo de arriba del articulo, pero más vale tarde que nunca, y de nuevo GRACIAS, eres un encanto. ;)

Responder
Gem@

Estuve en tu blog y no veo el enlace BRAKSS, si no consigues crearlo házmelo saber ;)

Responder
Anónimo

Gracias!!!muchas gracias!!!

Responder
Anónimo

Muchas grax^^x cierto como as puesto este cuadro de comentarios???yo tmb quiero uno :(

Responder
Gem@

Gracias a ti RyuKKun ;)

†ŘyuKKun† ¿te refieres a la imagen con la burbuja del comentario?
mira aquí

Responder
Esebloguero

Muchas Gracias GEM@. He utilizado esta opción para una actividad que estamos organizando los blogueros acá en El Salvador. Saludos

Responder
Gem@

Gracias a ti Gero me alegra que te fuera útil :)

Responder
Anónimo

href="http://stardolltrucosnoticias.blogspot.com/" target="_blank"

Responder
Shadiu

Hola me ases el codigo de afiliar plis cuando este mandame un mensajee dejame un comentario porqe yo no see acer el codiigo de afiliacion GRACIAS :)

Responder
Gem@

yz jennulina está explicado en la entrada sólo debes copiar y pegar el código.

Responder
Nueva Raíz Anbu

gracias por la ayuda , soy nuevo en esto asi que me cae de maravilla :D:D

Responder
Gem@

yz Gracias a ti por el comentario nueva_raiz_anbu :)

Responder
Anónimo

haii iio no xee omo hacr lax fotx diiganmee!!!

Responder
Gem@

:: No entiendo nada anónimo.

Responder
MAI

Qué sencillito!!!! y además he escondido el codigo así que genial :D
Me ha encantado Gema ! gracias solete

Responder
Gem@

:: Estupendo Maite :)

Responder
ABELARDA

Hola, yo he creado con exito el boton de enlazame, pero me gustaria que quedara como el tuyo. Me explico, a ti, dentro de la imagen te aparece el nombre del blog, y en cambio a mi no. Me aparece el boton de la imagen, abajo la cajita con el link para enlazarme,todo muy chulo, pero para acabar de quedar perfecto me encantaria que el nombre de mi blog apareciera centrado dentro de la imagen. Que lio, por Dios, Gracias Gemma

Responder
Gem@

:: Abelarda en mi ejemplo el nombre está en la misma imagen, prueba con esta otra imagen:
http://img50.xooimage.com/files/5/d/1/catoz-24d34ab.jpg

Responder
ABELARDA

Muchas gracias Gemma, ha quedado perfecto. Una ultima cosa, para hacerme seguidora tuya como lo hago porque no encuentro la opcion de seguidores, tan comun en los blogs. Es que no te puedo añadir como blog que sigo, si te fijas no me sale, pongo la direccion correcta, la que sale arriba. Pero no hay manera.
Gracias...... Mil gracias por lo de la imagen.

Responder
Gem@

:: ABELARDA en tu escritorio al final del todo verás los blogs que tienes añadidos y un botón que dice añadir, se añade la url del blog que deseamos añadir y listo :)
Gracias :D

Responder
ABELARDA

Si lo se, es lo que ando probando pero me sale url erronea. Yo pongo la que sale arriba Http:// y lo que sigue pero no hay manera me sale error.
Gracias Gema

Responder
Gem@

:: No había visto este comentario ABELARDA lo siento :S ese problema de url erronea puede ser porque la url tiene un guión al final y Blogger no los admite a pesar que en su día si era posible.
Es un problema ajeno a mi quizás acortado la url?
Prueba de este modo:
http://bit.ly/BIngW

Responder
Unknown

Hola Gem@ está estupenda la pagina, muchas gracias por tu dedicacion y tiempo, siempre busco tus recursos para alguna cosita que le quiera agregar a mi sitio... ha he añadido tu boton de afiliacion en mi sitio.

Espero que no te moleste, no hayé donde postearlo jeje mi sitio es:

http://residentevilblogpage2.blogspot.com/

Muchas Gracias y cuidate mucho.
Bye bye.

Gem@

Gracias a ti Daniela, no pude molestarme algo así :)

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top